<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
<%--    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>--%>
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
<%--<!--    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>-->--%>
<%--<!--    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>-->--%>
    <![endif]-->
</head>
<style>
   /* img{
        height: 100px;
        width: 100px;
        border: 1px solid powderblue;
    }*/
    #formPosition{
        float: left;
        padding-left: 10px;
    }
    #imgPosition{
        margin-left: 50px;
        float: left;
    }

</style>

<body>

<div class="x-body">
    <div class="layui-row">
        <div class="layui-form layui-form-pane">

            <div class="layui-form-item">

                <div class="layui-inline">
                    <label class="layui-form-label">登录名</label>
                    <div class="layui-input-inline">
                        <input class="layui-input" placeholder="请输入登录名" id="user_name">
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-inline">
                        <select id="user_sex">
                            <option value="">请选择性别</option>
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                </div>

                <div class="layui-inline">
                    <button class="layui-btn" id="searchBtn">搜索</button>
                </div>
            </div>
        </div>
    </div>


    <table class="layui-hide" id="depTable" lay-filter="depTable"></table>
    <!--头部工具栏-->
<script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius" lay-event="mostDel">批量删除</button>
            <button class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" lay-event="addDep">新增用户</button>
        </div>
    </script>
    <!--右边工具栏-->
<script type="text/html" id="barDemo">
        <a title="查看" lay-event="updataDep" href="javascript:;">
            <i class="layui-icon">&#xe63c;</i>
        </a>
    </script>

    <!--新添加/修改用户-->
<script type="text/html" id="addU">
        <div>
            <!--表单位置-->
            <div id="formPosition" >
                <form id="formId" class="layui-form" enctype="multipart/form-data" method="post" action="JavaScript:void(0);">
                    <div class="layui-form-item">

                        <div class="layui-inline">
                            <label class="layui-form-label">真实姓名</label>
                            <div class="layui-input-inline">
                                <input type="tel" name="name" id="name" class="layui-input"
                                       placeholder="请输入真实姓名">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <a style="margin-left: 135px" href="#" id="test"><img
                                    style="width: 60px;height: 60px;border:1px solid lightblue;" src="/img/po.jpg" alt="" id="userImg"></a>
                        </div>
                    </div>
                    <div class="layui-form-item">

                        <div class="layui-inline">
                            <label class="layui-form-label">用户名</label>
                            <div class="layui-input-inline">
                                <input type="tel" name="login_name" id="login_name" class="layui-input"
                                       placeholder="提交后不可以再修改" lay-verify="required">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">邮箱地址</label>
                            <div class="layui-input-inline">
                                <input type="tel" name="email" id="email" class="layui-input" placeholder="请输入邮箱" lay-verify="required|email">
                            </div>
                        </div>

                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">密码</label>
                            <div class="layui-input-inline">
                                <input type="tel" name="pwd" id="pwd" class="layui-input"
                                       placeholder="请输入密码" lay-verify="required|number">
                            </div>
                        </div>


                        <div class="layui-inline">
                            <label class="layui-form-label">手机号</label>
                            <div class="layui-input-inline">
                                <input type="tel" name="mobile" id="mobile" class="layui-input"
                                       placeholder="请输入手机号" lay-verify="required|phone|number">
                            </div>
                        </div>

                    </div>


                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-inline">
                                <select name="sex" lay-verify="" id="sex">
                                    <option value="">请选择性别</option>
                                    <option value="1">男</option>
                                    <option value="0">女</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">是否有效</label>
                            <div class="layui-input-inline">
                                <select name="status" lay-verify="" id="status">
                                    <option value="">请选择</option>
                                    <option value="0">开启</option>
                                    <option value="1">关闭</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">角色</label>
                            <div class="layui-input-inline">
                                <select name="role_id" id="role" lay-verify="">
                                    <option value="" id="role_one">请选择角色</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">所属部门</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="parentdepartmentid" name="org_id" value="">
                                <input type="text" id="tree" lay-filter="tree" class="layui-input" >
                            </div>
                        </div>
                    </div>


                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">修改头像</label>
                            <input type="file"   id="upload"  lay-verify="required" placeholder="请上传图片">
                        </div>
                    </div>

                    <input type="hidden" lay-submit lay-filter="submitBtn" id="submitBtn">
                </form>
            </div>
            <!--图片预览位置-->
            <div id="imgPosition">
                <a href="#" id="test1"><img src="resource/img/po.jpg" alt="" id="userImg1"></a>
            </div>
        </div>
    </script>

</div>
<script src="${pageContext.servletContext.contextPath}/js/user-list.js"></script>
<script type="text/javascript">var str = "${pageContext.servletContext.contextPath}";</script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>

</html>
